<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <title>菜单</title>
    <link type="text/css" rel="stylesheet" href="../css/dish.css">
</head>

<body>
<div class="head">
    <ul class="u1">
        <li><a href="../index.jsp" >美食天下 首页</a></li>
        <li><a href="http://localhost:8080/system/dish.jsp">菜谱</a></li>
        <li><a href="http://localhost:8080/system/cook.jsp">食材</a></li>
        <li><a href="#">专题</a></li>
        <li><a href="#">笔记</a></li>
        <li><a href="#">社区</a></li>
        <li><a href="#">活动</a></li>
        <li><a href="#">搜索</a></li>
    </ul>
    <a class="nr" href="#"><img src="../image/nr3.png" style="width: 18px;height: 18px;margin-top: 5px;"/><br/>客户端</a>
    <ul class="u2" style=" position: fixed;
    right: 68px;
    top: -16px;margin-right: 4px">
        <li class="pic">
            <img src="
<%--        <c:if test="${!sessionScope.user.avatar.equals('')}">--%>
        <c:if test="${!sessionScope.user.avatar.equals('')}">
        ${sessionScope.user.avatar}
        </c:if>
        <c:if test="${!sessionScope.user.avatar.equals('')}">
        https://tse2-mm.cn.bing.net/th/id/OIP-C.Z8cO0OriANaUVakbQ6n0BwAAAA?w=153&h=165&c=7&r=0&o=5&dpr=1.65&pid=1.7
        </c:if>
" onclick="jump()" style="width: 35px;height: 35px; border-radius: 45%;cursor: pointer" >
            <script src="../js/jquery-3.2.1.min.js"></script>
            <script type="text/javascript">
                function jump(){
                    var src = $("img")[0].src;
                    $.ajax({
                        url:http_request+"/system/member.jsp",
                        data:{
                            img:src
                        },
                        dataType:"text",
                        success:function (){
                            alert("欢迎来到个人中心！")
                            window.location.href=http_request+"/system/member.jsp"
                        },
                        error:function (){
                            alert("个人中心跳转失败！")
                        }
                    })
                }
            </script>

        </li>
        <li class="l2">
            <c:if test="${empty sessionScope.user.username}">
                <div class="d1" >
                    <a href="/checkLogin" >登录/注册</a>
                </div>
            </c:if>
            <c:if test="${not empty sessionScope.user.username}">
                <div class="d1" >
                    <a href="http://localhost:8080/system/member.jsp"  style="font-size: 15px; text-align: center; vertical-align: middle">${sessionScope.user.username}</a>
                </div>
            </c:if>
        </li>
        <li class="l1"><div><a href="http://localhost:8080/system/makeCook.jsp"><img src="../image/nr1.png" style="width: 18px;height: 18px;margin-top: 5px;margin-right: 2px;"/><br/>发布</a></div></li>
        <li class="l1">
            <div>

                <img id="a1" src="../image/nr2.png" style="width: 18px;height: 18px;margin-top: 5px;margin-right: 2px"/><br/>
                <span id="s1">签到有礼</span>
                <script type="text/javascript">
                    $(function (){
                        <c:if test="${not empty sessionScope.user.username}">
                        $("#a1").click(function (){
                            $("#s1").html("已签到");
                        })
                        </c:if>
                        <c:if test="${ empty sessionScope.user.username}">
                        $("#a1").click(function (){
                            alert("请您先进行登录。。。")
                        })
                        </c:if>


                    })
                </script>


            </div>
        </li>
    </ul>
</div>
<div class="sec">
    <div class="s1">
        <div class="d2">
            <a href="#" class="a1" name="abc">美食天下</a>
            <a class="a2" href=""><div class="d3">菜谱</div></a>
        </div>
        <div class="d3">
            <ul>
                <li><a href="../index.jsp" target="_blank">菜谱首页</a></li>
                <li><a href="http://localhost:8080/system/category.jsp" target="_blank">分类</a></li>
                <li><a href="" style="color: red">菜单</a></li>
                <li><a href="#" target="_blank">排行</a></li>
                <li><a href="">食材</a></li>
                <li><a href="">食疗食补</a></li>
            </ul>
        </div>
        <div class="d4">
            <input type="text" style="border-color: #ffffff;border-radius: 3px ;height: 24px;"/>
            <input type="button" value="搜索" style="background-color: #999999;width:50px;height: 30px; color: white;margin-left: -8px;line-height: 24px;"/>
        </div>
    </div>
    <hr style="border-color: #ffffff"/>
    <div class="d5">
        <ul>
            <li><a href="" style="color: red">推荐菜单</a></li>
            <li><a href="" style="margin-right: 512px">最新更新</a></li>
            <li><a href="">专题</a></li>
            <li><a href="">食材</a></li>
            <li><a href="">美食厨房</a></li>
            <li><a href="">浏览全部菜谱</a></li>
        </ul>
        <hr style="border-color: #ffffff"/>
    </div>
</div>
<div class="d9">
    <ul>
        <li>
            <div class="d11"><img src="../image/c1.jpeg" title="我上不了太空，但可以仰望星空！如何在餐桌上致敬神舟十三号？"/></div>
            <a class="a3" href="#" title="我上不了太空，但可以仰望星空！如何在餐桌上致敬神舟十三号？">我上不了太空，但可以仰望星空！如何在餐桌上致敬神舟十三号？<br/></a>
            <a class="a4" href="#">18篇菜谱</a>
        </li>
        <li>
            <div class="d11"><img src="../image/c2.jpg" title="小白菜的家常做法大全"/></div>
            <a class="a3" href="#" title="小白菜的家常做法大全">小白菜的家常做法大全<br/></a>
            <a class="a4" href="#">78篇菜谱</a></li>

        <li>
            <div class="d11"><img src="../image/c3.jpg" title="家常菜 素菜《完》"/></div>
            <a class="a3" href="#" title="家常菜 素菜《完》">家常菜 素菜《完》<br/></a>
            <a class="a4" href="#">93篇菜谱</a></li>

        <li>
            <div class="d11"><img src="../image/c4.jpg"/></div>
            <a class="a3" href="#">家常菜 肉菜《完》<br/></a>
            <a class="a4" href="#">102篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c5.jpg"/></div>
            <a class="a3" href="#">酱油美味，有滋有味<br/></a>
            <a class="a4" href="#">37篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c6.jpg"/></div>
            <a class="a3" href="#">秘制萝卜干做法<br/></a>
            <a class="a4" href="#">46篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c7.jpg"/></div>
            <a class="a3" href="#">春江水暖鸭先知<br/></a>
            <a class="a4" href="#">146篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c8.jpg"/></div>
            <a class="a3" href="#">仙草烹饪cooking：❤祥瑞的食❤<br/></a>
            <a class="a4" href="#">33篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c9.jpg"/></div>
            <a class="a3" href="#">面筋这样做既简单又美味<br/></a>
            <a class="a4" href="#">56篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c10.jpg"/></div>
            <a class="a3" href="#">燕麦片的隐藏吃法<br/></a>
            <a class="a4" href="#">42篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c11.jpg"/></div>
            <a class="a3" href="#">下饭王者-酸豆角<br/></a>
            <a class="a4" href="#">35篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c12.jpg"/></div>
            <a class="a3" href="#">牛肚的家常做法<br/></a>
            <a class="a4" href="#">31篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c13.jpg"/></div>
            <a class="a3" href="#">一碗汤的味道<br/></a>
            <a class="a4" href="#">65篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c14.jpg"/></div>
            <a class="a3" href="#">自制特色小吃，串起那一缕乡愁<br/></a>
            <a class="a4" href="#">69篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c15.jpg"/></div>
            <a class="a3" href="#">宫保菜，拯救胃口的福星！<br/></a>
            <a class="a4" href="#">31篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c16.jpg"/></div>
            <a class="a3" href="#">鲜虾的华丽变身，让味蕾留住醇香<br/></a>
            <a class="a4" href="#">21篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c17.jpg"/></div>
            <a class="a3" href="#">换个花样吃糯米<br/></a>
            <a class="a4" href="#">85篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c18.jpg"/></div>
            <a class="a3" href="#">解腻清新爽口菜<br/></a>
            <a class="a4" href="#">35篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c19.jpg"/></div>
            <a class="a3" href="#">想来点儿饮品吗？<br/></a>
            <a class="a4" href="#">15篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c20.jpg"/></div>
            <a class="a3" href="#">炒冷饭也能有新意<br/></a>
            <a class="a4" href="#">61篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c21.jpg"/></div>
            <a class="a3" href="#">主食——馒头花卷<br/></a>
            <a class="a4" href="#">29篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c22.jpg"/></div>
            <a class="a3" href="#">大吉大利来吃鸡<br/></a>
            <a class="a4" href="#">98篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c23.png"/></div>
            <a class="a3" href="#">家常西餐制作-用简单简易的食材体会原汁原味的西餐<br/></a>
            <a class="a4" href="#">57篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c24.jpg"/></div>
            <a class="a3" href="#">放肆吃肉:吃货的狂欢夜<br/></a>
            <a class="a4" href="#">53篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c25.jpg"/></div>
            <a class="a3" href="#">甜品宝宝小零食<br/></a>
            <a class="a4" href="#">133篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c26.jpg"/></div>
            <a class="a3" href="#">网红雪花酥 新年必备小零嘴<br/></a>
            <a class="a4" href="#">27篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c27.jpg"/></div>
            <a class="a3" href="#">鲜香馄饨，暖心的早餐<br/></a>
            <a class="a4" href="#">26篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c28.gif"/></div>
            <a class="a3" href="#">颜值与营养兼具的减肥餐，吃饱也能瘦<br/></a>
            <a class="a4" href="#">61篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c29.jpg"/></div>
            <a class="a3" href="#">换个花样吃饼<br/></a>
            <a class="a4" href="#">52篇菜谱</a></li>
        <li>
            <div class="d11"><img src="../image/c30.jpg"/></div>
            <a class="a3" href="#">早餐不重样<br/></a>
            <a class="a4" href="#">96篇菜谱</a></li>
    </ul>
</div>
<div class="d12">
    <div class="d13">
        <a href="#" class="a5">1</a>
        <a href="#" class="a6">2</a>
        <a href="#" class="a6">3</a>
        <a href="#" class="a6">4</a>
        <a href="#" class="a6">5</a>
        <span>...</span>
        <a href="#">下一页</a>
    </div>
    <hr style="border-color: #ffffff"/>
</div>
<div class="footer">
    <div class="f1">
        <div>
            <a href="#" class="a6">美食天下 - 让吃更美好！</a><br/>
            <a href="#" class="a7">菜谱</a>
            <a href="#" class="a7">食材</a>
            <a href="#" class="a7">魔方</a>
            <a href="#" class="a7">关于我们</a>
            <a href="#" class="a7">联系我们</a>
            <a href="#" class="a7">友情链接</a>
            <a href="#" class="a7">网站地图</a>
            <a href="#" class="a7">移动应用</a><br/>
            <a class="a8">© 2004-2022 美食天下 保留所有权利 - 京ICP证090244号</a>
        </div>
        <div class="f2">
            <div class="f3"><img src="../image/p1.jpg" style="width: 82px;height: 82px;"/><br/><span style="font-size: 12px;">手机客户端</span></div>
            <div class="f4"><img src="../image/p2.jpg" style="width: 82px;height: 82px;"/><br/><span style="font-size: 12px;">微信公众号</span></div>
        </div>
    </div>
</div>
<div class="f5"><a href="#abc"><img src="../image/gotop.jpg" style="width: 58px;height: 58px;"/></a></div>
</body>
</html>